<template>
	<div class="box">
		<div class="bottom-nav-box">
			<dl>
				<dd>
					<el-link :underline="false">关于我们</el-link>
				</dd>
				<dt>
					<el-link :underline="false">企业介绍</el-link>
				</dt>
				<dt>
					<el-link :underline="false">加入我们</el-link>
				</dt>
				<dt>
					<el-link :underline="false">联系我们</el-link>
				</dt>
				<dt>
					<el-link :underline="false">帮助中心</el-link>
				</dt>
			</dl>
			<dl>
				<dd>
					<el-link :underline="false">平台服务</el-link>
				</dd>
				<dt>
					<el-link :underline="false" href="/front/home">商城</el-link>
				</dt>
				<dt>
					<el-link :underline="false" href="/front/kecheng">课程</el-link>
				</dt>
				<dt>
					<el-link :underline="false" href="/front/vip">会员购</el-link>
				</dt>
				<dt>
					<el-link :underline="false" href="/front/Chonzhi">充值</el-link>
				</dt>
			</dl>
			<dl>
				<dd>
					<el-link :underline="false">技术支持</el-link>
				</dd>
				<dt>
					<el-link :underline="false">张家界航空工业职业技术学院</el-link>
				</dt>
			</dl>
			<ul>
				<li>
					<el-link :underline="false">QQ</el-link>
				</li>
				<li>
					<el-link :underline="false">微信</el-link>
				</li>
			</ul>
				
		</div>
		<div class="bottom-box">
					<div class="ba-box">
						<a href="http://beian.miit.gov.cn/" target="_blank">湘ICP备2022019479号</a>
					</div>
				</div>
	</div>
</template>

<script>
export default {
	name: 'FrontendVue2Bottom',

	data() {
		return {
			
		};
	},

	mounted() {
		
	},

	methods: {
		
	},
};
</script>

<style lang="less" scoped>
	.box{
		width: 100%;
		height: 180px;
		// background-color: rgb(255, 255, 255);
		border-top:1px solid rgba(0, 0, 0, 0.116) ;
		// border-bottom:1px solid rgba(0, 0, 0, 0.13) ;
		background-color: #ffffff;
		
		.bottom-nav-box{
			width: 75%;
			height: 100px;
			margin: 0 auto;
			display: flex;
			justify-content: space-around;
			// border-bottom:1px solid rgba(0, 0, 0, 0.116) ;
			dl{
				margin-top: 20px;
				display: flex;
				flex-direction: column;
				align-items: center;
				dt{
				margin-top: 15px;
				}
			}
			ul{
				margin-top: 20px;
				display: flex;
				flex-direction: column;
				justify-content: space-around;
			}
		}
	}
	.ba-box{
		width: 1200px;
		height: 100px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.bottom-box{
		width: 100%;
		height: 100px;
		background-color: #ffffff;
	}
</style>